<template>
  <view class="user-stats">
    <view class="stat">
      <text class="num">{{ stats.follow }}</text>
      <text class="label">关注</text>
    </view>
    <view class="stat">
      <text class="num">{{ stats.fans }}</text>
      <text class="label">粉丝</text>
    </view>
  </view>
</template>

<script>
export default {
  name: "UserStats",
  props: {
    stats: Object
  }
}
</script>

<style scoped>
.user-stats {
  display: flex;
  justify-content: center;
  background: #fff;
  border-radius: 20rpx;
  margin: -40rpx 32rpx 24rpx 32rpx;
  box-shadow: 0 2rpx 8rpx #eee;
}

.stat {
  flex: 1;
  text-align: center;
  padding: 24rpx 0;
}

.num {
  color: #19c37d;
  font-size: 36rpx;
  font-weight: bold;
}

.label {
  color: #888;
  font-size: 24rpx;
  margin-left: 8rpx;
}
</style>